<template>
  <div class="about">
     <div>搬砖的{{day}}天</div>
     <div>挣了{{money}}钱</div>
     <button @click="add">时间计时器</button>
  </div>
</template>
<script>
import { ref, computed} from 'vue';
export default {
  setup(props) {
    const day = ref(1);
    // 在 vue3 计算属性是一个函数。
    const money = computed(() => day.value*200);
    const add = () => { // 天数累加函数
      day.value++;
    }
    return {
      day,
      add,
      money
    }
  }
}
</script>

